<template>
    <div v-show="show">
        <div class="show-share-img" @click="cancel">
            <img src="https://skv4.oss-cn-hangzhou.aliyuncs.com/app/skv4/common1571625939000/84042205e04245da2e93ad90447ec89.png">
        </div>
        <van-overlay
                :show="show"
                z-index="20"
        />
    </div>
</template>

<script>
export default {
  name: 'shareStyle',
  props: {
    show: {
      type: Boolean,
      default: () => {
        return false
      }
    }
  },
  methods: {
    cancel () {
      this.$emit('cancel')
    }
  }
}
</script>

<style scoped>
    .show-share-img {
        position: absolute;
        right: -60px;
        top:10px;
        z-index: 200;
    }
    .show-share-img img{
        width: 80%;
    }
</style>
